<html>
<script src="js\echarts.js"></script>
<div style="border:2px solid #666;width:49%;height:450px;float:left" id="chartmain1"></div>
<div style="border:2px solid #666;width:49%;height:450px;float:left" id="chartmain2"></div>
<script type="text/javascript">
    window.onload = function () {
        //指定图表的配置项和数据
        option = {
            //标题	
            title: {
                text: '基础雷达图'
            },
            tooltip: {},
            legend: {
                data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
            },
            radar: {
                // shape: 'circle',
                name: {
                    textStyle: {
                        color: '#fff',
                        backgroundColor: '#999',
                        borderRadius: 3,
                        padding: [3, 5]
                    }
                },
                indicator: [
                    { name: '销售（sales）', max: 6500 },
                    { name: '管理（Administration）', max: 16000 },
                    { name: '信息技术（Information Techology）', max: 30000 },
                    { name: '客服（Customer Support）', max: 38000 },
                    { name: '研发（Development）', max: 52000 },
                    { name: '市场（Marketing）', max: 25000 }
                ]
            },
            series: [{
                name: '预算 vs 开销（Budget vs spending）',
                type: 'radar',
                // areaStyle: {normal: {}},
                data: [
                    {
                        value: [4300, 10000, 28000, 35000, 50000, 19000],
                        name: '预算分配（Allocated Budget）'
                    },
                    {
                        value: [5000, 14000, 28000, 31000, 42000, 21000],
                        name: '实际开销（Actual Spending）'
                    }
                ]
            }]
        };
        //获取dom容器
        var myChart = echarts.init(document.getElementById('chartmain1'));
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }
</script>

<script type="text/javascript">


    window.onload = function () {
        //财务看年度的合同金额echart数据源
        $.ajax({
            url: '',
            type: 'post',
            datatype: 'json',
            success: function (data) {
                var partner = new Array();//公司名
                for (var i = 0; i < data.length; i++) {
                    partner.push(data[i].partner);
                }
                var odata = [];
                for (var i = 0; i < data.length; i++) {
                    var obj = {};
                    obj.name = partner[i];
                    obj.type = 'bar';
                    obj.data = [data[i].qyearOne, data[i].qyearTwo, data[i].qyearThree, data[i].qyearFour, data[i].yearOne, data[i].yearTwo, data[i].yearThree, data[i].yearFour, data[i].hyearOne, data[i].hyearTwo, data[i].hyearThree, data[i].hyearFour];
                    obj.barWidth = 30;//宽度
                    odata.push(obj);
                }
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        data: partner
                    },
                    toolbox: {
                        show: true,
                    },
                    calculable: true,
                    xAxis: [{
                        type: 'category',
                        data: [qyear + 'Q1', qyear + 'Q2', qyear + 'Q3', qyear + 'Q4', year + 'Q1', year + 'Q2', year + 'Q3', year + 'Q4', hyear + 'Q1', hyear + 'Q2', hyear + 'Q3', hyear + 'Q4']
                    }],
                    yAxis: [{
                        type: 'value'
                    }],

                    series: odata //前台组装数据
                };
                //获取要赋值的DOM控件
                var myChart = echarts.init(document.getElementById('chartmain2'));
                //赋值
                myChart.setOption(option);
            }
        });
    }
</script>

</html>